<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>Todolist</title>
	<meta http-equiv="X-UA-Compatible" content="IE-edge">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
	<script type="text/javascript" src="bootstrap-3.3.7-dist/js/jquery.min.js"></script>
	<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
	<script type="text/javascript" src="js/vue.js"></script>
	<script src="js/axios.min.js"></script>
	<style type="text/css">
		.top{
			margin-top: 10px;
			margin-bottom: 10px
		}
	</style>
</head>
<body>
	<div class="container" id="app">
		<div class="col-md-offset-4 col-md-4">
			<div class="page-header">
				TODO注册
			</div>
		</div>
		<div class="col-md-offset-4 col-md-4">
			<div class="form-group form-group-sm">
				<label for="exampleInputEmail1">请输入注册用户名：</label>
				<input type="text" class="form-control" v-model="username" placeholder="请输入注册用户名">{{username}} </br></br>
				<label for="exampleInputEmail1">请输入注册密码：</label>
				<input type="text" class="form-control" v-model="password" placeholder="请输入注册密码"> {{password}}</br></br>
				<label for="exampleInputEmail1">请输入手机号：</label>
				<input type="text" class="form-control" v-model="phonenumber" placeholder="请输入您的手机号">{{phonenumber}}</br></br>
				<button type="submit" class="btn btn-default btn-info">注册</button>
			</div>
		</div>
	
	</div>
</body>
</html>
<script type="text/javascript">

	var vue=new Vue({
		el:'#app',
		data:{
			username:'',
			password:'',
			phonenumber:''
		},
		methods:{
			
		
		},
		mounted:function(){
			console.log('inited');
			//this.init();
		}
	});


</script>